<template>
  <div class="container">
    <div style="border: 1px solid #eceeef">
      <table class="table_class" border="0" cellspacing="0" align="center"  cellpadding="10px" style="border: 1px solid #eee;">
        <tbody>
          <tr>
            <td width="50%">产品类型</td>
            <td id="cName" width="50%">手机壳</td>
          </tr>
          <tr>
            <td width="50%">上传文件数</td>
            <td id="totalFiles" width="50%">1</td>
          </tr>
          <tr>
            <td>文件大小</td>
            <td id="fileSize">0.00MB</td>
          </tr>
          <tr>
            <td>正在上传数</td>
            <td id="uploading">1/1</td>
          </tr>
          <tr>
            <td>文件名</td>
            <td id="fileName">1111.zip</td>
          </tr>
          <tr>
            <td>上传速度</td>
            <td id="uploadSpeed">0.36 KB/S</td>
          </tr>
          <tr>
            <td>预计时长</td>
            <td id="predictUploadTime">0 分钟 0 秒后完成</td>
          </tr>
          <tr>
            <td>进度</td>
            <td id="scheduleTd">
              <div class="layui-progress" lay-showpercent="true" lay-filter="uploadProgress">
                <div class="layui-progress-bar" lay-percent="100.00%" style="width: 100%;"><span
                    class="layui-progress-text">100.00%</span></div>
              </div>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [{
        date: '2016-05-02',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      }]
    }
  }
}
</script>

<style scoped lang="scss">
.table_class {
  
  width: 800px;
  margin: 50px auto;
  background-color: #fff;
  color: #5f5f5f;

  td {
    border: 1px solid #eee;
    text-align: center;
  }
}
</style>